<template>
    <div class="wrapFoo">
        <foo 
        v-bind="$attrs" 
        v-on="$listeners"
        >
        </foo>
    </div>
</template>

<script>
import foo from './foo'
export default {
    name: 'wrapFoo',

    components: {
        foo,
    },

    methods: {
        onEcho (msg) {
            this.$emit('echo', msg)
        }
    }

}
</script>

<style scoped>
.wrapFoo {
    border: 1px solid red;
}
</style>
